簡介:你還在網上下載各種插件嗎?作為前端工程師,你是否還不了解插件怎么封裝呢,快來加入我們的課程吧,讓我們一起來學習 JS 組件的封裝。本課程通過制作一個圖片幻燈片切換效果,從而引入怎么樣一步一步把代碼封裝成組件的方法。
第1章 結構搭建
本章節對代碼效果進行了演示,及完成網頁的 DOM 結構的搭建工作。
第2章 JS交互
本章節講解插件封裝要素,初始化基本幻燈片展示邏輯,人機交互行為、最終實現一個插件。
第3章 代碼bug處理及優化
本章節對“快速點擊多次切換時的bug”進行了處理,及完善了組件自動播放功能,最后簡單介紹了“偶數個圖片”的處理方案。